<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>font_text练习</title>
		<link rel="stylesheet" href="../css/public.css">
		<style>
			*{margin:0;padding:0;}
			a{text-decoration:none;}
			ul,li{list-style:none;}
			body{font-size:12px;font-family:"微软雅黑";}
			h1{font-weight:normal;font-variant:small-caps;}/*normal  不加粗*/
			p{width:200px;height:200px;border:1px solid red;font:italic 23px "宋体";}
			/* span{text-transform:Lowercase;}Lowercase 小写 */
			/* span{text-transform:Uppercase;}Lowercase 大写 */
			/* span{text-transform:Capitalize;} *//*首字母大写*/
			span{font-variant:small-caps;text-decoration:line-through;letter-spacing:10px;word-spacing:5px;}/*小型的大写字母*/
		</style>
	</head>
	<body>
		<!--
		常用的：
			text-transform   设置文本的大小写
				uppercase    字母大写
				lowercase    字母小写
				capitalize   所有单词首字母大写
			text-align   设置文本的水平对齐方式
				left
				right
				center
			text-indent   设置首行文本的缩进
			text-decoration   设置文本的修饰
				none  没有修饰
				underline 下划线
				overline 上划线
				line-through 中划线
			
			letter-spacing   字间距/字母间距
			word-spacing   词间距/单词间距  单词之间要有间距属性才能生效
			


		不常用的：
			
	-->
		<!--练习-->
		<h1>asdasdasdsa</h1>
		<p class="text">过年回家的时候，跟几个初中同学聚会，大家在谈论起现在的职业时，其中一位男生满脸的自豪和看透一切的表情让我对他印象深刻。无论侃侃而谈的背后是怎样的一种辛酸和付出，但至少在谈天说地的时候他带给我们的是正能量，这种能量无关于年薪是几十万还是十几万甚至是几万，这种心境也是用金钱无法衡量的，也许是活的比较老成，我在一边露出了阿姨般的笑容，生活不就是如此的吗？你不对它笑的时候，它不对你笑。你对它笑的时候，也许它对你还是不会笑。但，那又怎样？所谓的灿烂的过一生不就是自己的心安吗？</p>
		<span>red oryellow</span>
		<script src="../js/jquery-1.12.2.min.js""></script>
		<script src="../js/dom.js"></script>
		<script type="text/javascript">
			


		</script>	
		
		
	</body>
</html>
